<template>
    <div>
        <!-- 共用头部组件 -->
        <common-header
            headerTitle="拼团规则"
            :hasBack="true"
            :hasHome="true"
        ></common-header>
        <!-- 共用头部组件 -->

        <!-- 共用页面滚动组件 -->
        <common-scroll
            :scrollStyle="scrollStyle"
            :isLoadMore="false"
        >

            <div class="rules-title">
                拼团规则：
            </div>
            <div class="rules-detail">
                <p>用户可以选择自己喜欢的商品开团或者参团；</p>
                <p>开团次数不限，参团次数只有1次；</p>
                <p>开团72小时内拼团人数达到3人，拼团成功，系统则自动生成拼团订单；</p>
                <p>成功支付订单，即可获得1次免费白领机会；</p>
                <p>逾期未达到相应的拼团人数，则该团失败，系统自动返还参团次数；</p>
                <p>已成团的订单，若取消则不返还参团次数。</p>
                <p>tips:</p>
                <p>分享拼团链接至朋友圈或直接邀请好友参团，成团更快人一步。</p>
            </div>

        </common-scroll>
        <!-- 共用页面滚动组件 -->
    </div>
</template>

<script>
import CommonHeader from '@/components/Header'
import CommonScroll from '@/components/Scroll'
export default {
    name: 'GroupRules',
    components: {
        CommonHeader,
        CommonScroll
    },
    data() {
        return {
            scrollStyle: {
                top: '1.11rem',
                left: '0',
                right: '0',
                bottom: '0',
                background: '#fff'
            }
        }
    }
}
</script>

<style lang="stylus" scoped>
.rules-title
    line-height 1.13rem
    padding 0 0.27rem
    font-size 0.37rem
    color #d7463c
    border-bottom 1px solid #e5e5e5
.rules-detail
    padding .49rem .69rem
    p
        font-size .37rem
        color #333
        line-height 1.5
        margin-bottom .49rem
</style>

